<template>
    <div class="cart-list">
       <scroll :pull-up-load="true" class="content" ref="scroll">
            <!-- <li v-for="(item,index) in cartList" :key="index" >{{item}}</li> -->
        <cart-list-item v-for="(item,index) in cartList" :key="index" :itemInfo="item"></cart-list-item>
       </scroll>
    </div>
</template>

<script>
import Scroll from 'components/common/scroll/Scroll'
import CartListItem from './CartListItem'


export default {
    name:'CartList',
    components:{
        Scroll,
        CartListItem
    },
   computed:{
    cartList() {
		return this.$store.state.cartList
	}
   },
   activated() {
       this.$refs.scroll.refresh()
   },
}

</script>

<style scoped>
.cart-list{
    height: calc(100% -44px -49px);
    
}
.content{
    height: 100%;
    overflow: hidden;
    
    
}
</style>